<html>
<head>
	<script type="text/javascript" src="../js/jquery.js"></script>
	<link href="../css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
	<link href="../css/ui-smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
	<script type="text/javascript" src="../js/jquery-ui-1.10.3.custom.min.js"></script>
</head>
<body>
<div>
	<button class = "btn">Click</button>
	<div class="datepicker"></div>
</div>

<script type="text/javascript">
	$(".btn").click(function(){
		$(".datepicker").datepicker({
			inline:true,
			showAnim:"fadeIn",
			onSelect:function(dateString,datePicker){
				alert(dateString);
			}
		});
	});
</script>
</body>
</html>